<%@page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" %>
<%@taglib prefix="html" tagdir="/WEB-INF/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<html:header title="新手向导"
             keywords=""
             description="">
    <style type="text/css">
        .triangle-up{
            display:inline-block;
            width:0;
            height:0;
            border-left:15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom:20px solid #14A67E;
        }
        .triangle-down {
            display:inline-block;
            width:0;
            height:0;
            border-left:15px solid transparent;
            border-right: 15px solid transparent;
            border-top:20px solid #14A67E;
        }

        .triangle-down-blue {
            display:inline-block;
            width:0;
            height:0;
            border-left:15px solid transparent;
            border-right: 15px solid transparent;
            border-top:20px solid #1E9FFF;
        }

        .triangle-left {
            display:inline-block;
            width:0;
            height:0;
            border-top: 15px solid transparent;
            border-right: 20px solid #14A67E;
            border-bottom: 15px solid transparent;
        }
        .triangle-right{
            display:inline-block;
            width:0;
            height:0;
            border-top: 15px solid transparent;
            border-left: 20px solid #14A67E;
            border-bottom: 15px solid transparent;
        }
        .triangle-right-blue{
            display:inline-block;
            width:0;
            height:0;
            border-top: 15px solid transparent;
            border-left: 20px solid #1E9FFF;
            border-bottom: 15px solid transparent;
        }

        .circle-icon-button-blue {
            margin:0 auto;width: 86px;height: 86px;line-height:100px;border-radius: 50%;background-color: #36648B; text-align: center;
        }
        .circle-icon-button-blue:hover {
            cursor: pointer;
            background-color: #33AAF1;
        }

        .icon-button{
            float:left;width: 86px;height: 86px;border-radius: 10px;background-color: #14A67E; text-align: center;
        }

        .icon-button:hover{
            cursor: pointer;
            background-color: #14A647;
        }

        .icon-button-blue{
            float:left;width: 86px;height: 86px;border-radius: 10px;background-color: #1E9FFF; text-align: center;
        }
        .icon-button-blue:hover{
            cursor: pointer;
            background-color: #33AAF1;
        }

        .icon-button-yellow{
            float:left;width: 86px;height: 86px;border-radius: 10px;background-color: #FFB800; text-align: center;
        }
        .icon-button-yellow:hover{
            cursor: pointer;
            background-color: #FFB84F;
        }


        .icon-button-gray{
            cursor: pointer;
            float:left;width: 86px;height: 86px;border-radius: 10px;background-color: #dddddd; text-align: center;
        }
    </style>

    <script>
        layui.use('element', function(){
            var element = layui.element;

            if (isTrue(_businessSet.houseInOut)) {
                $(".houseIn").removeClass("icon-button-gray").addClass("icon-button");
                $(".houseOut").removeClass("icon-button-gray").addClass("icon-button");
                $(".houseIn").click(function () {
                    openHouseInPage();
                });
                $(".houseOut").click(function () {
                    openHouseOutPage();
                });
            } else {
                $(".houseIn").removeClass("icon-button").addClass("icon-button-gray");
                $(".houseOut").removeClass("icon-button").addClass("icon-button-gray");
            }
        });

        function openStorePage() {
            openTab("门店管理","${baseUrl}organization/store.action");
        }

        function openHousePage() {
            openTab("仓库管理","${baseUrl}organization/house.action");
        }

        function openGoodsPage() {
            openTab("商品列表","${baseUrl}goods/goods.action");
        }

        function openCustomPage() {
            openTab("客户管理","${baseUrl}custom/custom.action");
        }

        function openProviderPage() {
            openTab("供应商管理","${baseUrl}provider/provider.action");
        }

        function openSettAccountPage() {
            openTab("结算账户","${baseUrl}settAccount/settAccount.action");
        }

        function openPayWaitPage() {
            openTab("应付款","${baseUrl}funds/payWait.action");
        }

        function openArrearsWaitPage() {
            openTab("应收款","${baseUrl}funds/arrearsWait.action");
        }

        function openBudgetPage() {
            openTab("日常收支","${baseUrl}budget/budget.action");
        }

        function openMoneyWater() {
            openTab("资金流水","${baseUrl}funds/moneyWater.action");
        }

        function openTransferPage() {
            openTab("账户转账","${baseUrl}funds/transfer.action");
        }

        function openSaleTicketPage() {
            openTab("销售开票","${baseUrl}funds/saleTicket.action");
        }

        function openHouseInPage() {
            openTab("入库","${baseUrl}house/houseInMain.action");
        }

        function openHouseOutPage() {
            openTab("出库","${baseUrl}house/houseOutMain.action");
        }

        function openHouseQueryPage() {
            openTab("库存查询","${baseUrl}house/houseQuery.action");
        }

        function openCheckHousePage() {
            openTab("库存盘点","${baseUrl}house/checkHouse.action");
        }

        function openGoodsTransferPage() {
            openTab("调拨单","${baseUrl}house/goodsTransfer.action");
        }

        function openBorrowInPage() {
            openTab("借入单","${baseUrl}house/borrowIn.action");
        }

        function openBorrowOutPage() {
            openTab("借出单","${baseUrl}house/borrowOut.action");
        }

        function openJoinSplitPage() {
            openTab("组装拆卸单","${baseUrl}house/joinSplit.action");
        }

        function openInGoodsAnalysisPage() {
            openTab("进货报表","${baseUrl}goodsCount/inGoodsAnalysis.action");
        }

        function openInGoodsRefundAnalysisPage() {
            openTab("进货退货报表","${baseUrl}goodsCount/inGoodsRefundAnalysis.action");
        }

        function openSaleAnalysisPage() {
            openTab("销售报表","${baseUrl}goodsCount/saleAnalysis.action");
        }

        function openRefundAnalysisPage() {
            openTab("销售退货报表","${baseUrl}goodsCount/refundAnalysis.action");
        }


        function openProfitAnalysisPage() {
            openTab("利润报表","${baseUrl}financeCount/profitAnalysis.action");
        }

        function openInGoodsOrderPage() {
            openTab("进货订单","${baseUrl}inGoods/inGoodsOrder.action");
        }
        function openInGoodsPage() {
            openTab("进货","${baseUrl}inGoods/inGoods.action");
        }
        function openInGoodsRefundPage() {
            openTab("进货退货","${baseUrl}inGoods/inGoodsRefund.action");
        }

        function openSaleOrderPage() {
            openTab("销售订单","${baseUrl}sale/saleOrder.action");
        }

        function openSalePage() {
            openTab("销售","${baseUrl}sale/sale.action");
        }

        function openRefundPage() {
            openTab("销售退货","${baseUrl}sale/refund.action");
        }
    </script>

</html:header>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-tab">
            <ul class="layui-tab-title">
                <li class="layui-this">初始资料</li>
                <li>进货</li>
                <li>销售</li>
                <li>库存</li>
                <li>财务</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <h1 class="w100 fontGreen fontB font16 mt20" style="text-align: center">初始资料录入</h1>
                    <p class="font14 fontC666 mt20" style="text-align: center">及时准确的录入门店、仓库、商品、客户、供应商与结算账户信息，能够有效的保障经营数据的完整以及后期账务的核算。</p>
                    <hr style="margin-bottom: 20px;">

                    <div class="layui-row">
                        <div class="layui-col-xs4 layui-col-sm2 layui-col-md2" style="text-align: center">
                            <div class="pd8" style="cursor: pointer;" onclick="openStorePage();">
                                <div class="circle-icon-button-blue">
                                    <i class="fa fa-hospital-o fontWhite font36"></i>
                                </div>
                                <a class="font14">门店</a>
                            </div>
                            <span class="font12 fontC999">管理您的门店信息</span>
                        </div>

                        <div class="layui-col-xs4 layui-col-sm2 layui-col-md2" style="text-align: center">
                            <div class="pd8" style="cursor: pointer;" onclick="openHousePage();">
                                <div class="circle-icon-button-blue">
                                    <i class="fa fa-stop fontWhite font36"></i>
                                </div>
                                <a class="pd8 font14" style="display: inline-block">仓库</a><br>
                            </div>
                            <span class="font12 fontC999">管理您的仓库信息</span>
                        </div>

                        <div class="layui-col-xs4 layui-col-sm2 layui-col-md2" style="text-align: center">
                            <div class="pd8" style="cursor: pointer;" onclick="openGoodsPage();">
                                <div class="circle-icon-button-blue">
                                    <i class="fa fa-list fontWhite font36"></i>
                                </div>
                                <a class="pd8 font14" style="display: inline-block">商品资料</a><br>
                            </div>
                            <span class="font12 fontC999">管理商品信息及初始库存</span>
                        </div>

                        <div class="layui-col-xs4 layui-col-sm2 layui-col-md2" style="text-align: center">
                            <div class="pd8" style="cursor: pointer;" onclick="openCustomPage();">
                                <div class="circle-icon-button-blue">
                                    <i class="fa fa-address-card fontWhite font36"></i>
                                </div>
                                <a class="pd8 font14" style="display: inline-block">客户</a><br>
                            </div>
                            <span class="font12 fontC999">维护您的客户信息及欠款</span>
                        </div>

                        <div class="layui-col-xs4 layui-col-sm2 layui-col-md2" style="text-align: center">
                            <div class="pd8" style="cursor: pointer;" onclick="openProviderPage();">
                                <div class="circle-icon-button-blue">
                                    <i class="fa fa-handshake-o fontWhite font36"></i>
                                </div>
                                <a class="pd8 font14" style="display: inline-block">供应商</a><br>
                            </div>
                            <span class="font12 fontC999">维护您的供应商信息及欠款</span>
                        </div>

                        <div class="layui-col-xs4 layui-col-sm2 layui-col-md2" style="text-align: center">
                            <div class="pd8" style="cursor: pointer;" onclick="openSettAccountPage();">
                                <div class="circle-icon-button-blue">
                                    <i class="fa fa-book fontWhite font36"></i>
                                </div>
                                <a class="pd8 font14" style="display: inline-block">结算账户</a><br>
                            </div>
                            <span class="font12 fontC999">管理账户信息及初始余额</span>
                        </div>
                    </div>
                </div>

                <div class="layui-tab-item" style="overflow: auto;margin-left: 20px;">
                    <div style="min-width: 1000px;overflow:hidden;">
                        <blockquote class="layui-elem-quote" style="margin-bottom: 50px;">启用或停用出入库管理步骤：系统设置->参数设置->业务参数->出入库管理</blockquote>
                        <div class="icon-button-blue" onclick="openProviderPage();">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-handshake-o fontWhite font36"></i> <br>
                                <span class="fontWhite font14">供应商</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #1E9FFF;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right-blue" ></div>
                            </div>
                        </div>

                        <div class="icon-button" onclick="openInGoodsOrderPage();">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-window-maximize fontWhite font36"></i> <br>
                                <span class="fontWhite font14">进货订单</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #14A67E;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right" ></div>
                            </div>
                        </div>

                        <div class="icon-button" onclick="openInGoodsPage();">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-plus-square fontWhite font36"></i> <br>
                                <span class="fontWhite font14">进货单</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #14A67E;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right" ></div>
                            </div>
                        </div>

                        <div class="icon-button houseIn">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-forward fontWhite font36"></i> <br>
                                <span class="fontWhite font14">入库单</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #14A67E;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right" ></div>
                            </div>
                        </div>

                        <div class="icon-button-blue" onclick="openHouseQueryPage();">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-search-plus fontWhite font36"></i> <br>
                                <span class="fontWhite font14">库存查询</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #1E9FFF;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right-blue" ></div>
                            </div>
                        </div>

                        <div class="icon-button-yellow" onclick="openPayWaitPage();">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-arrows-v fontWhite font36"></i> <br>
                                <span class="fontWhite font14">应付欠款</span>
                            </div>
                        </div>
                    </div>

                    <div style="min-width: 1000px;overflow:hidden;">
                        <div style="float:left;width: 10px;height: 200px; background-color: #1E9FFF;margin-left: 36px;"></div>
                        <div style="float:left;margin-top: 190px; margin-right: 10px;">
                            <div style="float: left;height: 10px;width: 100px;background-color: #1E9FFF;"></div>
                            <div class="triangle-right-blue" style="float: left;margin-top: -10px;"></div>
                        </div>

                        <div class="icon-button" onclick="openInGoodsRefundPage();" style="margin-top: 150px;">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-minus-square fontWhite font36"></i> <br>
                                <span class="fontWhite font14">进货退货</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 180px 10px 0 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #14A67E;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right" ></div>
                            </div>
                        </div>

                        <div class="icon-button houseOut" style="margin-top: 150px;">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-backward fontWhite font36"></i> <br>
                                <span class="fontWhite font14">出库单</span>
                            </div>
                        </div>

                        <div style="float:left;height: 10px;width: 260px;background-color: #14A67E; margin: 190px 0 0 10px;"></div>
                        <div style="float:left;margin-top: 1px;">
                            <div class="triangle-up" style="margin-bottom: -4px;margin-left: -10px;"></div>
                            <div style="height: 180px;width: 10px;background-color: #14A67E;"></div>
                        </div>

                        <div class="icon-button-blue" onclick="openInGoodsAnalysisPage();" style="margin-top: 150px;margin-left: 20px;">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-bar-chart fontWhite font36"></i> <br>
                                <span class="fontWhite font14">进货报表</span>
                            </div>
                        </div>

                        <div class="icon-button-blue" onclick="openInGoodsRefundAnalysisPage();" style="margin-top: 150px;margin-left: 20px;">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-bar-chart fontWhite font36"></i> <br>
                                <span class="fontWhite font14">进货退货报表</span>
                            </div>
                        </div>
                    </div>

                </div>


                <div class="layui-tab-item" style="overflow: auto;margin-left: 20px;">
                    <div style="min-width: 1000px;overflow:hidden;">
                        <blockquote class="layui-elem-quote" style="margin-bottom: 50px;">启用或停用出入库管理步骤：系统设置->参数设置->业务参数->出入库管理</blockquote>
                        <div class="icon-button-blue" onclick="openCustomPage();">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-address-card fontWhite font36"></i> <br>
                                <span class="fontWhite font14">客户</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #1E9FFF;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right-blue" ></div>
                            </div>
                        </div>

                        <div class="icon-button" onclick="openSaleOrderPage();">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-list-alt fontWhite font36"></i> <br>
                                <span class="fontWhite font14">销售订单</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #14A67E;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right" ></div>
                            </div>
                        </div>

                        <div class="icon-button" onclick="openSalePage();">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-sign-in fontWhite font36"></i> <br>
                                <span class="fontWhite font14">销售单</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #14A67E;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right" ></div>
                            </div>
                        </div>

                        <div class="icon-button houseIn">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-backward fontWhite font36"></i> <br>
                                <span class="fontWhite font14">出库单</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #14A67E;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right" ></div>
                            </div>
                        </div>

                        <div class="icon-button-blue" onclick="openHouseQueryPage();">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-search-plus fontWhite font36"></i> <br>
                                <span class="fontWhite font14">库存查询</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #1E9FFF;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right-blue" ></div>
                            </div>
                        </div>

                        <div class="icon-button-yellow" onclick="openArrearsWaitPage();">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-arrows-h fontWhite font36"></i> <br>
                                <span class="fontWhite font14">应收欠款</span>
                            </div>
                        </div>
                    </div>

                    <div style="min-width: 1000px;overflow:hidden;">
                        <div style="float:left;width: 10px;height: 200px; background-color: #1E9FFF;margin-left: 36px;"></div>
                        <div style="float:left;margin-top: 190px; margin-right: 10px;">
                            <div style="float: left;height: 10px;width: 100px;background-color: #1E9FFF;"></div>
                            <div class="triangle-right-blue" style="float: left;margin-top: -10px;"></div>
                        </div>

                        <div class="icon-button" onclick="openRefundPage();" style="margin-top: 150px;">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-sign-out fontWhite font36"></i> <br>
                                <span class="fontWhite font14">销售退货</span>
                            </div>
                        </div>

                        <div style="float:left;overflow: hidden;margin: 180px 10px 0 10px; ">
                            <div style="float: left;height: 10px;width: 40px;background-color: #14A67E;margin-top: 10px;"></div>
                            <div style="float: left;">
                                <div class="triangle-right" ></div>
                            </div>
                        </div>

                        <div class="icon-button houseOut" style="margin-top: 150px;">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-forward fontWhite font36"></i> <br>
                                <span class="fontWhite font14">入库单</span>
                            </div>
                        </div>

                        <div style="float:left;height: 10px;width: 260px;background-color: #14A67E; margin: 190px 0 0 10px;"></div>
                        <div style="float:left;margin-top: 1px;">
                            <div class="triangle-up" style="margin-bottom: -4px;margin-left: -10px;"></div>
                            <div style="height: 180px;width: 10px;background-color: #14A67E;"></div>
                        </div>

                        <div class="icon-button-blue" onclick="openSaleAnalysisPage();" style="margin-top: 150px;margin-left: 20px;">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-area-chart fontWhite font36"></i> <br>
                                <span class="fontWhite font14">销售报表</span>
                            </div>
                        </div>

                        <div class="icon-button-blue" onclick="openRefundAnalysisPage();" style="margin-top: 150px;margin-left: 20px;">
                            <div style="padding-top: 14px;">
                                <i class="fa fa-bar-chart fontWhite font36"></i> <br>
                                <span class="fontWhite font14">销售退货报表</span>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="layui-tab-item">
                    <div style="overflow: hidden;min-width: 100px;margin-top: 50px;">
                        <div style="margin-left: 160px">
                            <div class="icon-button-blue" onclick="openGoodsPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-list fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">商品列表</span>
                                </div>
                            </div>

                            <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                                <div style="float: left;height: 10px;width: 40px;background-color: #1E9FFF;margin-top: 10px;"></div>
                                <div style="float: left;">
                                    <div class="triangle-right-blue" ></div>
                                </div>
                            </div>

                            <div class="icon-button-blue" onclick="openHouseQueryPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-search-plus fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">库存查询</span>
                                </div>
                            </div>

                            <div style="clear: both;"></div>

                            <div style="width: 10px;height: 40px; background-color: #1E9FFF;margin-left: 200px;"></div>
                            <div class="triangle-down-blue" style="margin-left: 190px;"></div>
                        </div>

                        <div style="height: 10px;width: 530px;background-color: #14A67E;margin-left: 100px;"></div>

                        <div style="overflow: hidden;margin-left: 60px;">
                            <div style="float:left;margin-left: 30px;">
                                <div style="width: 10px;height: 40px; background-color: #14A67E;margin-left: 10px;"></div>
                                <div class="triangle-down" ></div>
                            </div>

                            <div style="float:left;margin-left: 100px;">
                                <div style="width: 10px;height: 40px; background-color: #14A67E;margin-left: 10px;"></div>
                                <div class="triangle-down" ></div>
                            </div>

                            <div style="float:left;margin-left: 100px;">
                                <div style="width: 10px;height: 40px; background-color: #14A67E;margin-left: 10px;"></div>
                                <div class="triangle-down" ></div>
                            </div>

                            <div style="float:left;margin-left: 100px;">
                                <div style="width: 10px;height: 40px; background-color: #14A67E;margin-left: 10px;"></div>
                                <div class="triangle-down" ></div>
                            </div>

                            <div style="float:left;margin-left: 100px;">
                                <div style="width: 10px;height: 40px; background-color: #14A67E;margin-left: 10px;"></div>
                                <div class="triangle-down" ></div>
                            </div>
                        </div>

                        <div style="overflow: hidden;margin-left: 60px;">
                            <div class="icon-button" onclick="openCheckHousePage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-calculator fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">库存盘点</span>
                                </div>
                            </div>

                            <div class="icon-button" style="margin-left: 44px;" onclick="openGoodsTransferPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-adjust fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">调拨单</span>
                                </div>
                            </div>

                            <div class="icon-button" style="margin-left: 44px;" onclick="openBorrowInPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-plus-square fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">借入单</span>
                                </div>
                            </div>

                            <div class="icon-button" style="margin-left: 44px;" onclick="openBorrowOutPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-minus-square fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">借出单</span>
                                </div>
                            </div>

                            <div class="icon-button" style="margin-left: 44px;" onclick="openJoinSplitPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-cogs fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">组装拆卸单</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-tab-item">
                    <div style="overflow: hidden;min-width: 100px;margin-top: 50px;">
                        <div style="margin-left: 160px">
                            <div class="icon-button-blue" onclick="openSettAccountPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-book fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">账户余额</span>
                                </div>
                            </div>

                            <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                                <div style="float: left;height: 10px;width: 40px;background-color: #1E9FFF;margin-top: 10px;"></div>
                                <div style="float: left;">
                                    <div class="triangle-right-blue" ></div>
                                </div>
                            </div>

                            <div class="icon-button-blue" onclick="openMoneyWater();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-bars fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">资金流水</span>
                                </div>
                            </div>

                            <div style="float:left;overflow: hidden;margin: 30px 10px; ">
                                <div style="float: left;height: 10px;width: 40px;background-color: #1E9FFF;margin-top: 10px;"></div>
                                <div style="float: left;">
                                    <div class="triangle-right-blue" ></div>
                                </div>
                            </div>

                            <div class="icon-button-blue" onclick="openProfitAnalysisPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-line-chart fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">利润报表</span>
                                </div>
                            </div>

                            <div style="clear: both;"></div>

                            <div style="width: 10px;height: 40px; background-color: #1E9FFF;margin-left: 200px;"></div>
                            <div class="triangle-down-blue" style="margin-left: 190px;"></div>
                        </div>

                        <div style="height: 10px;width: 530px;background-color: #14A67E;margin-left: 100px;"></div>

                        <div style="overflow: hidden;margin-left: 60px;">
                            <div style="float:left;margin-left: 30px;">
                                <div style="width: 10px;height: 40px; background-color: #14A67E;margin-left: 10px;"></div>
                                <div class="triangle-down" ></div>
                            </div>

                            <div style="float:left;margin-left: 100px;">
                                <div style="width: 10px;height: 40px; background-color: #14A67E;margin-left: 10px;"></div>
                                <div class="triangle-down" ></div>
                            </div>

                            <div style="float:left;margin-left: 100px;">
                                <div style="width: 10px;height: 40px; background-color: #14A67E;margin-left: 10px;"></div>
                                <div class="triangle-down" ></div>
                            </div>

                            <div style="float:left;margin-left: 100px;">
                                <div style="width: 10px;height: 40px; background-color: #14A67E;margin-left: 10px;"></div>
                                <div class="triangle-down" ></div>
                            </div>

                            <div style="float:left;margin-left: 100px;">
                                <div style="width: 10px;height: 40px; background-color: #14A67E;margin-left: 10px;"></div>
                                <div class="triangle-down" ></div>
                            </div>
                        </div>

                        <div style="overflow: hidden;margin-left: 60px;">
                            <div class="icon-button" onclick="openArrearsWaitPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-arrows-h fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">应收欠款</span>
                                </div>
                            </div>

                            <div class="icon-button" style="margin-left: 44px;" onclick="openPayWaitPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-arrows-v fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">应付欠款</span>
                                </div>
                            </div>

                            <div class="icon-button" style="margin-left: 44px;" onclick="openBudgetPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-cny fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">日常收支</span>
                                </div>
                            </div>

                            <div class="icon-button" style="margin-left: 44px;" onclick="openTransferPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-clipboard fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">账户转账</span>
                                </div>
                            </div>

                            <div class="icon-button" style="margin-left: 44px;" onclick="openSaleTicketPage();">
                                <div style="padding-top: 14px;">
                                    <i class="fa fa-bars fontWhite font36"></i> <br>
                                    <span class="fontWhite font14">销售开票</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
</body>
</html>